<!DOCTYPE html5>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no, width=device-width">
    <title>巡星计划</title>
    <link rel="stylesheet" href="/static/xxjh/mobile/css/home.css">
</head>
<body>
<div class="site-body">
	<span class="icon site-logo animated bid"></span>
	<span class="icon site-star animated bid"></span>
	<div class="site-center">
		<span class="bg1 animated bi"></span>
		<span class="bg2 animated bi"></span>
		<span class="icon title animated bi"></span>
		<span class="icon city01 animated biu"></span>
		<span class="icon city02 animated biu"></span>
		<span class="icon city03 animated biu"></span>
		<span class="icon city04 animated biu"></span>
		<span class="icon city05 animated biu"></span>
		<span class="icon city06 animated biu"></span>
		<span class="icon city07 animated biu"></span>
		<span class="icon city08 animated biu"></span>
		<span class="icon city09 animated biu"></span>
		<span class="icon city10 animated biu"></span>
		<span class="icon city11 animated biu"></span>
		<span class="icon cloud01 animated biu"></span>
		<span class="icon cloud02 animated biu"></span>
		<span class="icon cloud03 animated biu"></span>
		<span class="icon pop pop1 animated biu">广州</span>
		<span class="icon pop pop2 animated biu">成都</span>
		<span class="icon pop pop3 animated biu">北京</span>
		<span class="icon pop pop4 animated biu">上海</span>
		<span class="icon plane animated biu"></span>
		<span class="icon star01 animated biu"></span>
		<span class="icon star02 animated biu"></span>
		<span class="icon contrail animated biu"></span>
	</div>
	<a class="btn animated bil" href="/xxjh/mobile/about"><em class="icon"></em>比赛详情</a>
	<a class="btn animated bir" id="signup" href="/xxjh/mobile/signup">我要报名</a>
	<a class="icon animated biu" id="webchat" href="javascript:void(0)"></a>
	<a class="icon animated biu" id="weibo" href="http://m.weibo.cn/u/2274118985"></a>
	<div class="animated biu" id="tdc-layer">
    	<div class="tdc-container">
	        <img src="/static/xxjh/mobile/images/p_code.png">
	        <p>长按识别二维码</p>
	    </div>
	</div>
</div>
<script type="text/javascript" src="/static/xxjh/mobile/js/common/flexible.js"></script>
<script type="text/javascript">
	document.getElementById('webchat').addEventListener('touchend', function(){
		document.getElementById('tdc-layer').style.display = "block";
	});
	document.getElementById('tdc-layer').addEventListener('touchend', function(e){
		if(e.target.className){
			document.getElementById('tdc-layer').style.display = "none";
		}
	});
	window.onload = function(){
		var dombi = document.getElementsByClassName('bi');
		for(var i=0; i<dombi.length; i++){
			dombi[i].className += ' bounceIn';
		}

		var dombid = document.getElementsByClassName('bid');
		for(var i=0; i<dombid.length; i++){
			dombid[i].className += ' bounceInDown';
		}

		var dombiu = document.getElementsByClassName('biu');
		for(var i=0; i<dombiu.length; i++){
			dombiu[i].className += ' bounceInUp';
		}

		var dombil = document.getElementsByClassName('bil');
		for(var i=0; i<dombil.length; i++){
			dombil[i].className += ' bounceInLeft';
		}

		var dombir = document.getElementsByClassName('bir');
		for(var i=0; i<dombir.length; i++){
			dombir[i].className += ' bounceInRight';
		}
		
	}
</script>
</body>
</html>